<template>
	<view class="integral-rule page-background">
		<view class="rule-item item-box">
			<view class="title">
				1.积分解释
			</view>
			<text class="content">
				<text>a)平台及俱乐部为用户提供奖励补贴，以积分为具体补贴形式；</text>
				<text>b)积分可作为平台消费抵扣及后续兑换商品或服务使用，具体以运营及产品页面展示为准；</text>
				<text>c)积分有效期：用户获取的积分长期有效。</text>
			</text>
		</view>
		<view class="rule-item item-box">
			<view class="title">
				2.用户获取积分时效及具体发放规则
			</view>
			<text class="content">
				<text>a)新用户注册登录获得：新注册用户，平台即时发放积分补贴给新用户，因不同阶段活动及政策不同，故具体数值以实际发放为准；</text>
				<text>b)新老用户线上付费获得：用户通过线上购买俱乐部课程及活动产品，按用户在线支付现金金额1:1发放积分，每笔订单上限5000积分；</text>
				<text>c)发放规则：用户购买课程成功后，完成第一节课时销课，发放订单金额对等积分的20%，完成所有课时销课后发放剩余80%；购买活动，需活动结束后即时100%发放；</text>
				<text>d)用户推荐奖励：推荐官（通过链接推荐其他用户注册成为平台用户，即可形成推荐关联关系）获取被推荐人获取积分数的5%，多推多得，不设上限。当被推荐人根据规则获取积分的同时，推荐人即会即时发放。</text>
			</text>
		</view>
		<view class="rule-item item-box">
			<view class="title">
				3.用户积分抵扣规则
			</view>
			<text class="content">
				<text>a)新老用户，通过平台购买俱乐部课程及活动产品，在平台确认订单页面即可操作积分抵扣选项；</text>
				<text>b)页面抵扣选项，需订单满50元后可选，具体抵扣人民币金额以页面为准。</text>
				<text>例：</text>
				<text>课程抵扣：1000积分、2000积分、5000积分、10000积分、50000积分</text>
				<text>活动抵扣：500积分、1000积分、2000积分、3000积分、5000积分</text>
			</text>
		</view>
		<view class="fixed-area">
			<view class="btn" @click="toBack">
				知道了
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
        },
        onLoad(data) {

        },
        methods:{
            toBack(){
				uni.navigateBack({
					delta:1
				})
			}
        }
	}
</script>

<style scoped lang="scss">
	.integral-rule{
		min-height: 100vh;
		overflow: hidden;
		padding-bottom: 150rpx;
		.rule-item{
			padding: 30rpx 30rpx 15rpx;
			.title{
				font-size: 32rpx;
				color: $public-color-yellow1;
				line-height: 32rpx;
				margin-bottom: 20rpx;
			}
			.content{
				margin-top: 15rpx;
				line-height: 60rpx;
				font-size: 30rpx;
				text{
					display: block;
					text-align: justify;
				}
				
			}
		}
		.fixed-area{
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 200rpx;
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
			.btn{
				margin: 82rpx 30rpx 0;
				border-radius: 44rpx;
				height: 88rpx;
				text-align: center;
				color: #FFFFFF;
				font-size: 30rpx;
				line-height: 88rpx;
				background-color: $public-color-blue1;
			}
		}
	}
</style>
